<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no,minimum-scale=1,maximum-scale=1">
    <title>块消息</title>

    <script src="js/commonCss.js?v=20190430"></script>
    <script src="js/commonJs.js?v=20190430"></script>

    <link rel="stylesheet" type="text/css" href="css/rightNewsModel.css?v=20190430">
    <link rel="stylesheet" type="text/css" href="css/newsText.css?v=20190430">
    <script src="js/page/blogText.js?v=20190430"></script>

</head>
<body>
<div id="header" v-cloak="">
    <header-content :is-two="true"></header-content>
</div>

<div id="main">

    <div class="body">
        <div class="content">
            <div id="block-information" class="left"  v-cloak="">
                <div class="blog-header">
                    <span class="news-img"><img  class="pointer" :src="userImg"  :value="id" @click="goPersonalMain"></span>
                    <span class="title pointer"  :value="userId" @click="goPersonalMain">{{ username }}</span>
                    <span class="time">{{ time }}</span>
                </div>

                <div class="news" v-html="content"></div>
                <div class="content-img">
                    <div class="content-img-item" v-for="(url,imgIndex) in urls" @click="toLargeImg('no',imgIndex,$event)">
                        <img class="pointer" :src="url" :width="urlsGeo[imgIndex].width" :height="urlsGeo[imgIndex].height" :style="{marginTop:urlsGeo[imgIndex].top,marginLeft:urlsGeo[imgIndex].left}">
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="blog-logo"><img class="header-img" src="image/sina.png">微博www.weibo.com</div>

                <!--底部币种显示-->
                <div class="block-box">
                    <div class="block-item pointer" v-for="(item,index) in blocks" :symbol="item.symbol" :value="item.id" @click="goCurrencyProfile" >
                        <div class="info">
                            <img :src="item.imgUrl" width="30px" height="30px;" onerror="imgLoadError()">
                            <span class="name">{{item.symbol}}</span>
                            <span class="price">{{item.Cny}}</span>
                            <span class="num" :class="{'num-down': item.isDown}">{{item.change}}</span>
                        </div>
                        <div :id="item.id" class="block-img"></div>
                        <div class="min-max">
                            <div class="m-left">
                                <p class="title">最高</p><p  class="price">{{item.maxCny}}</p>
                            </div>
                            <div class="m-middle">
                                <p class="title">最低</p><p  class="price">{{item.minCny}}</p>
                            </div>
                            <div class="m-right">
                                <p class="title">成交</p><p class="price">{{item.num}}</p>
                            </div>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <!--底部按钮 利好，利空-->
                <div class="block-status use">
                    <span class="hidden-xs">文章编译自coindesk.com</span>
                    <div class="share-type hidden"  @mouseLeave="closeShare">
                        <div class="share-type-item"  @click="toShareType(0,$event)" :value="id"><img src="image/fuzhi.png">复制</div>
                        <div class="share-type-item"  @click="toShareType(1,$event)" :value="id"><img src="image/weibo.png">新浪微博</div>
                        <div class="share-type-item"  @click="toShareType(3,$event)" :value="id"><img src="image/qq.png">QQ分享</div>
                        <div class="share-type-item"  @click="toShareType(2,$event)" :value="id"><img src="image/weixin.png">微信分享</div>
                        <div class="code"></div>
                        <div class="down"></div>
                    </div>
                    <span class="share share-btn pointer" @click="toShare" :value="id" infotype="2"><img src="image/fenxiang.png">分享</span>
                    <span class="share use-li pointer" @click="setUpDown" :value="id"  type="1"><span class="flag">+1</span><img src="image/likong.png" >利空({{bad}}) </span>
                    <span class="share use-li pointer" @click="setUpDown" :value="id"  type="0"><span class="flag">+1</span><img src="image/lihao.png" >利好({{good}}) </span>
                </div>
                <div class="block-warn">免责声明：文章内容收录自互联网，版权归原所有站版权声明者，文章内容为作者个人观点，仅提供参考不构成投资建议，投资者据此操作，风险自担。如涉及文章内容、版权或其它问题，请与本网联系，我们将在第一时间删除内容！
                </div>
            </div><!-- div .left-->

            <!--右边资讯栏目-->
            <div id="news-information" class="right  hidden-xs" v-cloak="">
                <!--热门文章-->
                <hot-content></hot-content>
            </div>

            <div class="clearfix"></div>
        </div>
    </div>
</div>

<div class="clearfix"></div>
<div id="footer">
    <footer-content></footer-content>
</div>

<!--查看大图-->
<div class="modal fade" id="largeImgModal" tabindex="-1" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
                <div type="button" class="pointer close-btn" data-dismiss="modal"><img src="image/largeClose.png" @mouseEnter="btnIn(2)" @mouseLeave="btnOut(2)"> </div>
                <div class="left-btn " @click="prevImg" @mouseEnter="btnIn(1)" @mouseLeave="btnOut(1)"><img src="image/largeLeft.png"></div>
                <div class="right-btn " @click="nextImg" @mouseEnter="btnIn(0)" @mouseLeave="btnOut(0)"><img src="image/largeRight.png"></div>
                <img :src="imgUrl" class="curr-img" :index="index">
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
</div>

<div id="warnMsg" ><span>已复制分享链接到剪贴板</span></div>

</body>
</html>
